<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <style type="text/css">
        body{
            background-repeat: no-repeat;
            background-size: 100% auto;
        }
        .but{
            margin-top: 15px;
            width: 180px;
            height: 30px;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            background:pink;
            border: 0;
            border-radius: 15px;
        }
        h1{
            font-weight: 700;
            text-align: center;
            color: pink;
        }
        p{
            font-size: 40px;
        }
    </style>
</head>
<h1>更新用户信息</h1>

<hr width="80%">

<form action="/app/user/update/" method="post">
    {% csrf_token %}
<div style="text-align: center">
    <p>
        用户密码:
        <input type="password" name="password" id="password">
    </p>
    <p>
        电话号码:
        <input type="text" name="phone" id="phone">
    </p>


    <button class="but" type="submit">更新</button>
</div>
</form>

</body>
</html>